<!doctype html>
<html lang="zh-CN" xmlns:th="http://www.thymeleaf.org">
<head th:replace="common/base :: common_header(~{::title},~{::meta},~{::link},_)">
    <meta charset="utf-8">
    <meta content="width=device-width, initial-scale=1" name="viewport">
    <meta content="" name="description">
    <meta content="Mark Otto, Jacob Thornton, and Bootstrap contributors" name="author">
    <meta content="Hugo 0.83.1" name="generator">
    <title>Heroes · Bootstrap v5.0</title>

    <link href="https://getbootstrap.com/docs/5.0/examples/heroes/" rel="canonical">

    <meta content="#7952b3" name="theme-color">
    <style>
        .bd-placeholder-img {
            font-size: 1.125rem;
            text-anchor: middle;
            -webkit-user-select: none;
            -moz-user-select: none;
            user-select: none;
        }

        @media (min-width: 768px) {
            .bd-placeholder-img-lg {
                font-size: 3.5rem;
            }
        }
    </style>

    <!-- Custom styles for this template -->
    <link href="../static/css/resume/index.css" rel="stylesheet">
</head>
<body>

<main>
    <h1 class="visually-hidden">Heroes examples</h1>

    <div class="px-4 py-5 my-5 text-center">
        <img alt="" class="d-block mx-auto mb-4" height="57" src="http://file.jswdwsx.com/upload/2019/02/5n13rc05tqivcpqiodmbbego4e.png" width="72">
        <h1 class="display-5 fw-bold">你好，我叫姜裕文！</h1>
        <div class="col-lg-6 mx-auto">
            <p class="lead mb-4">这是我的求职专用的个人页面，感谢你百忙之中的到访！创建这个页面的初衷是希望在简历之外，能有更丰富的形式和更详实的内容，来帮助企业了解我。</p>
            <div class="d-grid gap-2 d-sm-flex justify-content-sm-center">
                <button class="btn btn-primary btn-lg px-4 me-sm-3" type="button">履历</button>
                <button class="btn btn-outline-secondary btn-lg px-4" type="button">个人信息</button>
            </div>
        </div>
    </div>

    <div class="container px-4 py-5" id="icon-grid">
        <div class="row row-cols-1 row-cols-sm-2 row-cols-md-3 row-cols-lg-4 g-4 py-5">
            <div class="col d-flex align-items-start">
                <svg class="bi text-muted flex-shrink-0 me-3" width="1.75em" height="1.75em"><use xlink:href="#bootstrap"/></svg>
                <div>
                    <h4 class="fw-bold mb-0">Java</h4>
                    <p>Java基础扎实，对常用的容器类，并发编程，JVM有深入了解。掌握常用数据结构和算法</p>
                </div>
            </div>
            <div class="col d-flex align-items-start">
                <svg class="bi text-muted flex-shrink-0 me-3" width="1.75em" height="1.75em"><use xlink:href="#cpu-fill"/></svg>
                <div>
                    <h4 class="fw-bold mb-0">Spring</h4>
                    <p>熟练使用Spring、SpringMVC、Spring Boot、Spring Cloud等技术</p>
                </div>
            </div>
            <div class="col d-flex align-items-start">
                <svg class="bi text-muted flex-shrink-0 me-3" width="1.75em" height="1.75em"><use xlink:href="#calendar3"/></svg>
                <div>
                    <h4 class="fw-bold mb-0">MySQL</h4>
                    <p>了解锁和索引的原理，对MySQL的Scheme优化、索引优化和SQL优化都有丰富经验</p>
                </div>
            </div>
            <div class="col d-flex align-items-start">
                <svg class="bi text-muted flex-shrink-0 me-3" width="1.75em" height="1.75em"><use xlink:href="#home"/></svg>
                <div>
                    <h4 class="fw-bold mb-0">ORM</h4>
                    <p>了解MyBatis原理，可手写简易MyBatis框架。熟练使用JPA</p>
                </div>
            </div>
            <div class="col d-flex align-items-start">
                <svg class="bi text-muted flex-shrink-0 me-3" width="1.75em" height="1.75em"><use xlink:href="#speedometer2"/></svg>
                <div>
                    <h4 class="fw-bold mb-0">分布式</h4>
                    <p>深入理解Redis、MQ、ES以及各种微服务组件，熟悉Dubbo、Spring Cloud以及Spring Cloud Alibaba等微服务体系</p>
                </div>
            </div>
            <div class="col d-flex align-items-start">
                <svg class="bi text-muted flex-shrink-0 me-3" width="1.75em" height="1.75em"><use xlink:href="#toggles2"/></svg>
                <div>
                    <h4 class="fw-bold mb-0">业务经验</h4>
                    <p>有电商、金融、电信以及物联网相关从业经验。对电子合同、Web打印、支付、跨境结算、邮件生成及解析等领域有丰富经验</p>
                </div>
            </div>
            <div class="col d-flex align-items-start">
                <svg class="bi text-muted flex-shrink-0 me-3" width="1.75em" height="1.75em"><use xlink:href="#geo-fill"/></svg>
                <div>
                    <h4 class="fw-bold mb-0">编程思想</h4>
                    <p>深入理解面向对象变成思想，熟练使用各种常见设计模式。深入理解DDD、CQRS等思想并能指导实践</p>
                </div>
            </div>
            <div class="col d-flex align-items-start">
                <svg class="bi text-muted flex-shrink-0 me-3" width="1.75em" height="1.75em"><use xlink:href="#tools"/></svg>
                <div>
                    <h4 class="fw-bold mb-0">其他</h4>
                    <p>熟悉Linux基本操作，了解node相关知识，了解Nginx、Docker、Jenkins等相关技术</p>
                </div>
            </div>
        </div>
    </div>
</main>
<footer class="footer mt-auto py-3 bg-light">
    <div class="container">
        <span class="text-muted">© 2018 不积跬步无以至千里</span>
        <!--<span class="text-muted">   电话：18234121369</span>
        <span class="text-muted">   邮箱：jyw20120908@163.com</span>-->
    </div>
</footer>

<th:block th:replace="common/base :: common_script"/>

</body>
</html>
